<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>INSPINIA | Basic Form</title>
    <link href="#springUrl('/static/css/bootstrap.min.css')" rel="stylesheet">
    <link href="#springUrl('/static/css/style.css')" rel="stylesheet">
</head>

<body class="white-bg">
<div class="ibox-content" style="width: 430px;">
    <form id="myForm" class="form-horizontal" autocomplete="off" data-validator-option="{theme:'default'}">
        <input type="hidden" name="id" value="$!{employee.id}">
        <input type="hidden" name="hidden_departmentid" id="hidden_departmentid" value="$!{employee.departmentid}">
        <input type="hidden" name="createtime" value="$!{employee.createtime}">
        <input type="hidden" name="changetime" value="$!{employee.changetime}">
        <input type="hidden" name="hidden_sex" id="hidden_sex" value="$!{employee.sex}">

        <div class="form-group"><label class="col-sm-2 control-label">员工名</label>
            <div class="col-sm-10">
                <input type="text" class="form-control" value="$!{employee.name}" name="name"
                       data-rule="用户名:required;name">
            </div>
        </div>
        <div class="hr-line-dashed"></div>
        <div class="form-group"><label class="col-sm-2 control-label">职工号</label>
            <div class="col-sm-10">
                <input type="text" class="form-control" name="employeenum" value="$!{employee.employeenum}"
                       data-rule="职工号:required;employeenum">
            </div>
        </div>
        <div class="hr-line-dashed"></div>


        <div class="hr-line-dashed"></div>
        <div class="form-group"><label class="col-sm-2 control-label">性别</label>
            <div class="col-sm-10">
                <select id="sex" name="sex" >
                    <option value=1>男</option>
                    <option value=2>女</option>
                </select>
            </div>
        </div>
        <div class="hr-line-dashed"></div>
        <div class="form-group"><label class="col-sm-2 control-label">电话号码</label>
            <div class="col-sm-10">
                <input type="text" class="form-control" name="phonenum" value="$!{employee.phonenum}"
                       data-rule="登录密码:required;phonenum">
            </div>
        </div>

        <div class="hr-line-dashed"></div>
        <div class="form-group"><label class="col-sm-2 control-label">职位</label>
            <div class="col-sm-10">
                <input type="text" class="form-control" name="job" value="$!{employee.job}"
                       data-rule="登录密码:required;job">
            </div>
        </div>

        <div class="hr-line-dashed"></div>
        <div class="form-group"><label class="col-sm-2 control-label">基本工资</label>
            <div class="col-sm-10">
                <input type="text" class="form-control" name="basicwage" value="$!{employee.basicwage}"
                       data-rule="登录密码:required;basicwage">
            </div>
        </div>

        <div class="hr-line-dashed"></div>
        <div class="form-group"><label class="col-sm-2 control-label">奖金</label>
            <div class="col-sm-10">
                <input type="text" class="form-control" name="bonus" value="$!{employee.bonus}"
                       data-rule="登录密码:required;bonus">
            </div>
        </div>

        <div class="hr-line-dashed"></div>
        <div class="form-group"><label class="col-sm-2 control-label">补贴</label>
            <div class="col-sm-10">
                <input type="text" class="form-control" name="allowance" value="$!{employee.allowance}"
                       data-rule="登录密码:required;allowance">
            </div>
        </div>


        <div class="hr-line-dashed"></div>
        <div class="form-group">
            <div class="text-center">
                <button class="btn btn-primary" type="submit">#if($!{user})修 改#else提 交#end</button>
            </div>
        </div>
    </form>
</div>
<script src="#springUrl('/static/js/jquery-2.1.1.js')"></script>
<script src="#springUrl('/static/plugins/nice-validator-0.8.1/jquery.validator.js?local=zh-CN')"></script>
<script type="text/javascript">
    $("#myForm").validator({
        valid: function (form) {
            var me = this;
            // 提交表单之前，hold住表单，防止重复提交
            me.holdSubmit();
            $.ajax({
                url: "#springUrl('/employee/updateEmployee')",
                data: $(form).serialize(),
                type: "POST",
                success: function (data) {
                    var d = JSON.parse(data);
                    if (d.success && d.data) {
                        window.parent.location.reload();
                        //当你在iframe页面关闭自身时
                        //var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
                        //parent.layer.close(index); //再执行关闭
                    } else {
                        //失败，提交表单成功后，释放hold，如果不释放hold，就变成了只能提交一次的表单
                        me.holdSubmit(false);
                    }
                }
            });
        }
    });

    $(function(){
        var sexValue=$("#hidden_sex").val();
        var departmentValue=$("#hidden_departmentid").val();
        if (sexValue != "" && sexValue!=null&& departmentValue != "" && departmentValue !=null) {
            $("#departmentid").val(departmentValue)
            $("#sex").val(sexValue);
        }
    })


</script>
</body>
</html>
